<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="test0">layer.open() type=0</button><br/>
		<button id="test1">layer.open() type=1</button><br/>
		<button id="test2">layer.open() type=2</button><br/>
		<button id="test3">layer.open() type=3</button><br/>
		<button id="test4">layer.open() type=4</button><br/>
		
		<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="../layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('#test0').on('click', function() {
				// message     arg:argument
				//layer.msg('Hello Layer!!!');
				
				layer.open({
					type : 0,
					content : "弹出的内容"
				});
			});
			
			$('#test1').on('click', function() {
				layer.open({
					type : 1,
					content : "弹出的内容"
				});
			});
			
			$('#test2').on('click', function() {
				layer.open({
					type : 2,
					content : "http://www.baidu.com"
				});
			});
			
			$('#test3').on('click', function() {
				layer.open({
					type : 3
				});
			});
			
			$('#test4').on('click', function() {
				layer.open({
					type : 4,
					content : ["这是在学习Layer", "#test4"]
				});
			});
		</script>
		
	</body>
</html>
